<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>番剧放送</title>
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> 
	
	<!-- ZUI 标准版压缩后的 CSS 文件 -->
	<link rel="stylesheet" href="/css/zui.min.css">
	<link rel="stylesheet" href="/css/chosen.min.css">		
	<!-- custom css -->
	<link rel="stylesheet" type="text/css" href="/css/index.css">
</head>
<body>

<div class="container-fixed">

<#include "menu.html">

<div class="row tab-acg">
	<div class="col-md-1"></div>
	<div class="col-md-10">
		<!--每周标签-->
		<ul class="nav nav-tabs">
		  <li class="active"><a href="###" data-target="#tab2Content1" data-toggle="tab">周一</a></li>
		  <li><a href="###" data-target="#tab2Content2" data-toggle="tab">周二</a></li>
		  <li><a href="###" data-target="#tab2Content3" data-toggle="tab">周三</a></li>
		  <li><a href="###" data-target="#tab2Content4" data-toggle="tab">周四</a></li>
		  <li><a href="###" data-target="#tab2Content5" data-toggle="tab">周五</a></li>
		  <li><a href="###" data-target="#tab2Content6" data-toggle="tab">周六</a></li>
		  <li><a href="###" data-target="#tab2Content7" data-toggle="tab">周日</a></li>
		</ul>
		<!--标签内容-->
		<div class="tab-content">
		  <div class="tab-pane fade active in" id="tab2Content1">周一内容</div>  
		  <div class="tab-pane fade" id="tab2Content2">周二内容</div>
		  <div class="tab-pane fade" id="tab2Content3">周三内容</div>
		  <div class="tab-pane fade" id="tab2Content4">周四内容</div>
		  <div class="tab-pane fade" id="tab2Content5">周五内容</div>
		  <div class="tab-pane fade" id="tab2Content6">周六内容</div>
		  <div class="tab-pane fade" id="tab2Content7">周日内容</div>
		</div>
	</div>
	<div class="col-md-1"></div>
</div>
	
</div>

</body>

<!-- ZUI Javascript 依赖 jQuery -->
<script type="text/javascript" src="/js/jquery.js"></script>
<!-- ZUI 标准版压缩后的 JavaScript 文件 -->
<script type="text/javascript" src="/js/zui.min.js"></script>
<!-- Art-Template.js -->
<script type="text/javascript" src="/js/template-web.min.js"></script>


<script id="acg-list-template" type="text/html">
	<div class="col-md-1"></div>
	   <div class="col-md-10">
		<ul class="nav nav-tabs">
		  {{each weekList week idx}}
		  <li {{if week.isToday}}class="active"{{/if}}><a href="javascript:;" data-target="#tab2Content{{idx}}" data-toggle="tab">{{week.week}}</a></li>
		  {{/each}}
		</ul>
		<div class="tab-content">
		  {{each weekList week idx}}
		  <div class="tab-pane fade {{if week.isToday}}active{{/if}} in" id="tab2Content{{idx}}">	       
			<div class="cards">
			{{each hotList vod idx}}
			  <div class="col-md-2 col-sm-2 col-lg-2">	
			    <a class="card" href="javascript:;" data-name="{{vod.name}}">
					<img class="lazy" src="img/loading.gif" data-original="/douban/image?url={{vod.cover}}" alt="{{vod.name}}" style="height: 226px; width: 100%;"></img>
			    	<div class="card-heading"><strong>{{vod.name}}</strong></div>
			    </a>
			  </div>
			{{/each}}
			</div>	    
		  </div>
		  {{/each}}
		</div>
		</div>
	<div class="col-md-1"></div>
</script>

<script id="video-hot" type="text/html">
<div class="cards">
{{each hotList vod idx}}
  <div class="col-md-2 col-sm-2 col-lg-2">	
    <a class="card" href="javascript:;" data-name="{{vod.name}}">
		<img class="lazy" src="img/loading.gif" data-original="/douban/image?url={{vod.cover}}" alt="{{vod.name}}" style="height: 226px; width: 100%;"></img>
    	<div class="card-heading"><strong>{{vod.name}}</strong></div>
    </a>
  </div>
{{/each}}
</div>
<!-- 项目切换按钮 -->
<a class="left carousel-control prev-page" href="javascript:;">
  <span class="icon icon-chevron-left"></span>
</a>
<a class="right carousel-control next-page" href="javascript:;">
  <span class="icon icon-chevron-right"></span>
</a>
</script>

<!-- 自定义脚本 -->
<script>
	
highlightMenu('acg');

$(function(){

// 请求直播列表
/**
$.ajax({
	type: "GET",
    url: "/acg/list",
    dataType: "json",
    success: function(data){
      	let result = template('acg-list-template',{'weekList' : data});  //===注意点:  模板上得rows要跟template上得rows对应
        $('.tab-acg').html(result) //===直接赋值就可以实现了
    },
    error: function(err){
		 console.log('服务器开小差，请联系管理员');
	}
});	
*/	
});

</script>
</html>